<template>
  <div>
     <swiper>
       <swiper-item v-for="(item,index) in banners" :key="index">
          <a :href="item.link">
             <img :src="item.image" alt="" @load="imageLoad">
          </a>
       </swiper-item>
     </swiper>
  </div>
</template>
<script>
import {Swiper,SwiperItem} from '@/components/common/swiper'
export default {
  name:'HomeSwiper',
  components:{
   Swiper,
   SwiperItem
  },
  props:{
      banners:{
        type:Array,
        default(){
          return []
        }
      }
  },
  data() {
    return {
       isLoad:false
    }
  },
  methods: {
     imageLoad() {
      //  只加载一次就行了，因为我们需要获取图片的高度，来计算offsetTop
        if(!this.isLoad) {
           this.$emit('swiperImageLoad')
           this.isLoad = true
        }
     }
  },
}
</script>
<style>

</style>
